<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ChorsWine红酒</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="ok-admin v2.0">
    <meta name="description" content="ok-admin v2.0">
    <link rel="stylesheet" href="../source/CSS/layui.css">
    <link rel="stylesheet" href="../source/CSS/okadmin.css">
    <style type="text/css"></style>
</head>
<body>

    <div style="background-image: url('../source/image/header.png');background-position: center center;background-size: cover;height: 100px;width: 960px;margin-left: 25%" ></div>


    <div class="layui-row">
        <div class="layui-row layui-col-space1" >
            <div class="layui-col-md3" style="visibility: hidden">
                <div class="grid-demo grid-demo-bg1">1/4</div>
            </div>
            <div class="layui-col-md6" >
                <div class="grid-demo">
                    <ul class="layui-nav">
                        <li class="layui-nav-item layui-this" style="margin: 0 3% 0 3%"><a href="">网站首页</a></li>
                        <li class="layui-nav-item" style="margin: 0 3% 0 3%">
                            <a href="javascript:;">公司简介</a>
                        </li>
                        <li class="layui-nav-item" style="margin: 0 3% 0 3%"><a href="">产品展示</a></li>
                        <li class="layui-nav-item" style="margin: 0 3% 0 3%">
                            <a href="javascript:;">红酒知识</a>
                            <dl class="layui-nav-child">
                                <dd><a href="">拉菲</a></dd>
                                <dd><a href="">西顿</a></dd>
                                <dd><a href="">勃良第</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item" style="margin: 0 3% 0 3%">
                            <a href="javascript:;">公司资讯</a>
                        </li>
                        <li class="layui-nav-item" style="margin: 0 0 0 3%"><a href="">招贤纳士</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>



    <div class="layui-row" >
        <div class="layui-row layui-col-space1" >
            <div class="layui-col-md3" style="visibility: hidden">
                <div class="grid-demo grid-demo-bg1">1/4</div>
            </div>
            <div class="layui-col-md6">
                <div class="grid-demo grid-demo-bg1">
                    <div class="layui-carousel" id="test1" lay-filter="test1" >
                        <div carousel-item="">
                            <div style="background-image: url('../source/image/1.jpeg');background-position: center center;background-size: cover;" ></div>
                            <div style="background-image: url('../source/image/2.jpeg');background-position: center center;background-size: cover;" ></div>
                            <div style="background-image: url('../source/image/3.jpeg');background-position: center center;background-size: cover;" ></div>
                            <div style="background-image: url('../source/image/4.jpg');background-position: center center;background-size: cover;" ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="layui-row" >
        <div class="layui-row layui-col-space1" >
            <div class="layui-col-md3" style="visibility: hidden">
                <div class="grid-demo grid-demo-bg1">1/4</div>
            </div>
            <div class="layui-col-md3" style="background-color: #DFCEB4">
                <div class="grid-demo grid-demo-bg1">
                   	<div style="width:100px;height:100px">
                   		<div class="grid-demo grid-demo-bg1"><h2>最新动态</h2></div>
                   	</div>
					
                </div>
            </div>
            <div class="layui-col-md3" style="background-color: #DFCEB4">
                <div class="grid-demo grid-demo-bg1">
                	<div style="width:100px;height:100px">
                		<div class="grid-demo grid-demo-bg1"><h2>红酒知识</h2></div>
                	</div>
                </div>
            </div>
        </div>
    </div>


    <div class="layui-row" >
        <div class="layui-row layui-col-space1" >
            <div class="layui-col-md3" style="visibility: hidden">
                <div class="grid-demo grid-demo-bg1">1/4</div>
            </div>
            <div class="layui-col-md6" style="background-color: #DFCEB4">
                <div class="okadmin-text-center">
                    <img src="../source/image/foot1.PNG">
                    <img src="../source/image/foot2.PNG">
                    <img src="../source/image/foot3.PNG">
                    <img src="../source/image/foot4.PNG">
                </div>
                <div class="okadmin-text-center">
                    <label>Copyright ©2020-©2021 ok-admin v2.0 All Rights Reserved</label><br>
                    <label>ChorsWine红酒有限公司</label><br>
                    <label>公司地址：北京市海淀区大钟寺华杰大厦4C9室 邮编：100098</label><br>
                    <label>联系电话：010-62137141（传真）62131450 电子邮箱：ncu_lxy_2018@email.ncu.edu.cn 京ICP备14058053号</label>
                </div>
            </div>
        </div>
    </div>



<script src="../source/JS/layui.js" charset="utf-8"></script>
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;
        //常规轮播
        carousel.render({
            elem: '#test1'
            ,arrow: 'always'
            ,interval: 3000
            ,anim: 'fade'
            ,height: '400px'
            ,width: '960px'
        });
    });
</script>
</body>
</html>